<template>
  <!-- 预约到店 -->
  <view class="container">
    <view class="shophead" v-for="(item,index) in shoplist" :key="index">
      <view class="shboxs flex">
        <view class="meisha" @click="xuanzemendi(item)">
            <view class="stitle">
              {{item.storeName}}
            </view>
          <view class="address">
            <i-icon icon="iconzuobiao" type="single" size="20rpx" color="#FFE23E" style="margin-right: 10rpx;"></i-icon>
            {{item.address}}
          </view>
          <view class="address">
            <i-icon icon="iconzuobiao" type="single" size="20rpx" color="#FFE23E" style="margin-right: 10rpx;"></i-icon>
            距你{{item.distance}}
          </view>
        </view>
        <view class="shshhs" @click="mobileclick(item.phone)">
          <view class="gehshop" @click="gehClick">
            <view class="yifuwu">
              <view class="iconsss">
                <i-icon icon="icondianhua" type="single" size="24rpx" color="#3D3D3D"></i-icon>
              </view>
              电话咨询
            </view>
          </view>
        </view>
      </view>
    </view>

  </view>
</template>

<script src="./storeSelection.js"></script>
<style scoped lang="scss">
  @import './storeSelection.scss';
</style>
